
// 获取catId、catName
let catId = lb.getUrlValue('catId');
let catName = lb.getUrlValue('catName');

// 面包屑导航
let oNowBreadCrumb = document.querySelector('.now-breadcrumb');
oNowBreadCrumb.innerHTML = window.decodeURIComponent(catName);

// 当前页 总页数 页内商品数量
let page = 1;
let pageCount = 0;
let pagesize = 9;

// 获取数据所在的元素
let oBaseGoodContent = document.querySelector('.base-goods-content');

// 获取总页数
function getMaxPageCount(){
	lb.ajax({
		url : BASE_URL + '/api_goods',
		data : {catId, page, pagesize},
		success(res){
			// console.log(res);
			// 验证数据的正确性
			if( res.code != 0){
				// 打印错误的数据
				console.log(res);
				return;
			}
			
			// 设置总页数
			pageCount = res.page;
			
			// 获取到总页数之后 调用分页器
			$('.sorter').pagination({
				pageCount : pageCount,
				current : 1,
				prevContent: '上一页',
				nextContent: '下一页',
				mode : 'fixed',
				coping: true,
				homePage: '首页',
				endPage: '末页',
				isHide: true,
				jump: true,
				callback(obj){
					// 获取当前页，请求当前页数据
					page = obj.getCurrent();
					goodsRender();
				}
			});
			
		},
	})
}

// 调用一次分页器
getMaxPageCount();

goodsRender();

// 分类商品业务
function goodsRender(){
	// 请求商品数据
	lb.ajax({
		url : BASE_URL + '/api_goods',
		data : {catId, page, pagesize},
		success(res){
			console.log(res);
			// 验证数据的正确性
			if( res.code != 0){
				// 打印错误的数据
				console.log(res);
				return;
			}
			
			// 如果没有商品数据
			if(res.data.length == 0){
				oBaseGoodsContent.innerHTML = '此分类下的商品正在上新中....';
				return;
			};
			
			// 遍历组装
			let str = '';
			res.data.forEach( item => {
				
				str += `
					<li class="base-goods">
						<div class="goods-up">
							<img src="${item.goods_thumb}" alt="" />			
							<a href="product.html?goodsId=${item.goods_id}&catId=${item.cat_id}" class="goods-mask">
								<p>¥${item.price}</p>
								<p>${item.goods_name}</p>
								<p>${item.goods_desc}</p>
							</a>
						</div>
						<div class="brand-down">
							<div>
								<img src="${item.brand_thumb}" alt="" />
								<span>${item.brand_name}</span>
							</div>
							<div>
								<span>${item.star_number}</span>
								<span class="iconfont icon-aixin_shixin"></span>
							</div>			
						</div>
					</li>
				`;
			});
			// 遍历完成之后 添加到页面
			oBaseGoodContent.innerHTML = str;
			
		},
	});
};

// 分类导航业务
(function(){
	
	// 获取元素
	let oNavListLeftContent = document.querySelector('.nav-list-left-content');

	// 页面打开就请求 商品分类导航 的数据
	lb.ajax({
		url : BASE_URL + '/api_cat',
		success(res){
			// console.log(res.data);
			
			// 验证请求结果
			if(res.code != 0){
				console.log(res);
				return;
			};
			
			//想要的结果
			let data = res.data;
			
			//遍历操作
			let str = '';
			data.forEach(item => {
				// 累加数据
				str += `<li><a href="classify.html?catId=${item.cat_id}&catName=${item.cat_name}">${item.cat_name}</a></li>`;
			});
			// console.log(str);
			// 添加到对应的结构
			oNavListLeftContent.innerHTML = str;
		}
	});
})();